<!-- /*
*   @Description:
*   @Author:lxy
*   @Date:2023-03-23 10:23
*/ -->
<template>
  <div class="data_c fl">
    <div class="data_c_1">
      <div id="contPar" class="contPar">
        <div id="page1" style="z-index: 1">
          <!-- <div class="title0">车辆综合管控平台</div>
                <div class="title1">旅游、交通、危险品、校车、大数据</div> -->

          <div id="drag-container" style="z-index: 1">
            <div id="spin-container">
              <img class="infoBtn" src="../picture/page1_0.png" />
              <img class="" src="../picture/page1_1.png" />
              <img class="" src="../picture/page1_2.png" />
              <img class="" src="../picture/page1_1.png" />
              <img class="" src="../picture/page1_2.png" />
            </div>
            <div id="ground"></div>
          </div>

          <img class="img3 png" src="../images/newdz.png" />
        </div>
      </div>
    </div>
    <div class="data_c_2 public">
      <div
        id="echart4"
        style="width: 100%; height: 100%; padding-top: 10px"
      ></div>
      <div class="boxfoot"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "centerPage",
  data() {
    return {};
  },
};
</script>

<style scoped lang="less">

/*中间*/
.data_c {
  width: 52%;
  height: 100%;
  /* background-color: #00fafe36; */
}
.data_c .data_c_1 {
  width: calc(100% - 50px);
  height: calc(100% - 245px);
  /* background: rgba(255, 0, 0, 0.377); */
  /*border: 1px solid #20558b ;*/
  position: relative;
  margin-bottom: 35px;
  margin-left: 25px;
}

.data_c .data_c_1 .dzimg {
  width: 800px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  background: url("../images/page1_3.jpg") no-repeat center;
  background-size: cover;
}
.data_c .data_c_1 .dzimg img {
  top: 25%;
  left: 50px;
  width: 500px;
  height: 600px;
  position: absolute;
  transition: transform 1s ease 1s;
  transform-style: preserve-3d;
  transform: rotateY(0deg) translateZ(240px);
}

.data_c .data_c_2 {
  width: calc(100% - 50px);
  height: 200px;
  border: 1px solid #20558b;
  position: relative;
  margin-left: 25px;
}



</style>
